img{
	border:0px;
}
body {
	width:100%;
	padding:0;
	margin:0;
	font-family: 돋움;
	font-size: 12px;
}
#container{
	margin:auto;
	width:100%;
}
#header{
	width:100%;
	height:250px;
	color:white;	
}
.top {/*로그인영역*/
	width:100%;
	height:30px;
	background-color:#e5e5e5;
}
/* GNB */
.gbtc{
	width:960px;
	display: block;
    list-style: none outside none;
    padding: 0;
	margin:0px auto 0px auto;
}
.gbt {
    display: inline-block;
    line-height: 27px;
    padding: 0;
	padding-left:20px;
    position: relative;
    vertical-align: top;
	color:#a4a4a4;
	font-size:14px;
	font-weight:bold;
}
.gbt a:link {
	color: #666666; 
	text-decoration: none
}
.gbt a:visited {
	color: #4266DB; 
	text-decoration: none
}
.gbt a:hover {
	text-decoration: underline
}

.con_img{
	width:100%;
	height:180px;
	margin:0px auto 0px auto;
	text-align:center;
}

.menu{/*gnb영역*/
	width:960px;
	height:40px;
	vertical-align:bottom;
	margin:1px auto 1px auto;
	color:black;
	background-color:gray;
}
.gbmenu{
	
	width:960px;
	height:43px;
	display: block;
    list-style: none outside none;
    padding: 0;
	margin:0px auto 0px auto;
}
.gblist {
	display: inline-block;
    line-height: 38px;
    padding: 0;
	padding-left:20px;
    position: relative;
    vertical-align: top;
	color:#eee;
	font-size:18px;
	font-weight:bold;
}
.gblist 
	a:link,
	a:visited,
	a:hover,
	a:focus
{
	color:#fff;
	text-decoration:none;
}

/* GNB */


#content{
	width:100%;
	float:left;
	/*height:1000px;
	background-color:#6fa45e;*/
}
.con{
	padding-top:20px;
	width:960px;
	margin:0px auto 0px auto;
	
}
.product_list{
	
}
.product_list tr td{
	width:230px;
	height:399px;
	padding-left:6px;
	line-height:-10px;
}
.product_list tr td p{
	text-align:center;
	top:-10px;		
}

#footer{
	clear: both;
	width:100%;
	height:150px;
	background-color:#ffcccc;
	margin-top:700px;
}

.footer{
	width:960px;
	height:120px;
	margin:0px auto 0px auto;
	padding-top:25px;
}

/* 상품페이지 */
.con div.pr_container{
	width:100%;
	height:450px;
	border-bottom:1px solid #555555;
}
.con div.pr_container .pr_img{
	width:470px;
	float:left;
	padding:15px 0 0 50px;
}
.con div.pr_container .order{
	width:439px;
	float:left;
}
.con div.pr_container .order div.order_detail{
	padding-top:50px;
	padding-left:20px;
}
.con div.pr_container .order table{
	width:100%;
}
.con div.pr_container .order table tr td:nth-child(1){
	width:100px;
	height:25px;
}
.con div.pr_container .order table tr td:nth-child(2){
	width:165px;
	height:25px;
	text-align:right;
}
.con div.pr_container .order table tr td select{
	width:200px;
}
.item_content{
	padding-top:30px;
}
/* 상품페이지 */
.button{
  -moz-transition: all 0.218s ease 0s;
    -moz-user-select: none;
    background-color: #0077BB;
    
    border: 1px solid #DCDCDC;
    border-radius: 2px 2px 2px 2px;
    color: #FFFFFF;
    cursor: default;
    display: inline-block;
    font-size: 11px;
    font-weight: bold;
    height: 27px;
    line-height: 27px;
    min-width: 46px;
    padding: 0 8px;
    text-align: center;
}
/*
input.button
{
   font-size:14px;
   font-family:Trebuchet MS,sans-serif;
   font-weight:bold;
   color:#FFFFFF;
   height:19px;
   background-color:#0077BB;
   border-style:none;
}*/


 

.forms{
	margin-left:auto;
	margin-right:auto;
	background: none repeat scroll 0 0 #F5F5F5;
	border:1px solid #e5e5e5;
    padding-left:1px;
	font-size:13px;
	
	
}
.forms tr td{
	padding:7px;
}

.forms thead td{
	border:1px solid #fff;
}

.forms tbody.list td{
	text-align:center;
	background: none repeat scroll 0 0 #fff;
}
.forms tbody.list td.subject{
	text-align:left;
	background: none repeat scroll 0 0 #fff;
}
.forms tfoot tr td.paging{
	text-align:center;
	background: none repeat scroll 0 0 #fff;
}
.forms tfoot tr td.paging a:active{
	text-align:center;
	background: none repeat scroll 0 0 #fff;
}
.forms tfoot tr td.paging a:visited{
	text-align:center;
	background: none repeat scroll 0 0 #fff;
}
.paging_imsch {
    margin: 0 auto;
    overflow: hidden;
    padding: 35px 0 48px;
    text-align: center;
    width: 360px;
}
.forms tfoot tr td.paging a:link{
	text-decoration: none;
}

.forms .wr{
	background: none repeat scroll 0 0 #D14836;
	color:#fff;
}
.forms .cont{
	border:1px solid #fff;
	background: none repeat scroll 0 0 #fff;
}
.forms tfoot #passForm{
	display:none;
}
.search{
	text-align:center;
}
table thead tr td.no{
	background-color:red;
	width:50px;
}
table thead tr td.subject{
	background-color:red;
}
table thead tr td.date{
	background-color:red;
	width:100px;
}



/* 상품쪽 */
	.cart th{
    	border-top:1px solid #555555;
    	border-bottom:1px solid #555555;
    	height:25px;
    }
    .cart td{
    	padding-top:5px;
    }
    .totalArea{
    	padding-right:20px;
    	padding-top:5px;
    	border-top:1px solid #555555;
    	text-align:right;
    }
    .orderImg{
    	padding-right:20px;
    	padding-top:5px;
    	text-align:right;
    }
    .productInfo{
    	vertical-align: middle; 
    }
label.error{
  margin-left:10px;
  color:red;
}

input.error, textarea.error{
  border:1px dashed red;
}
label.error{
  padding-left:7px;
  display:inline;
  color:red;
}
/*form submit*/ 
/* 상품쪽 */
/* UI Object */
.btn_pack,
.btn_pack *{display:inline-block;overflow:visible;position:relative;margin:0;padding:0;border:0;background:url(/ssol2/images/main/btn_pack.gif) no-repeat;font-size:12px;font-family:Tahoma, Sans-serif;color:#333;text-decoration:none !important;vertical-align:top;white-space:nowrap}
.btn_pack{margin-right:4px}
.btn_pack *{left:4px;cursor:pointer;_cursor:hand}
.btn_pack.medium,
.btn_pack.medium *{height:24px;line-height:24px}
.btn_pack.large,
.btn_pack.large *{height:30px;line-height:30px}
.btn_pack.xlarge,
.btn_pack.xlarge *{height:36px;line-height:36px}
.btn_pack.small,
.btn_pack.small *{height:19px;line-height:19px}
.btn_pack.medium{background-position:left 0}
.btn_pack.large{background-position:left -30px}
.btn_pack.xlarge{background-position:left -65px}
.btn_pack.small{background-position:left -106px}
.btn_pack.medium *{padding:0 10px 0 6px;background-position:right top;font-size:12px}
.btn_pack.large *{padding:0 10px 0 6px;background-position:right -30px;font-size:16px}
.btn_pack.xlarge *{padding:0 10px 0 6px;background-position:right -65px;font-size:20px}
.btn_pack.small *{padding:0 6px 0 2px;background-position:right -106px;font-size:11px}
.btn_pack *:hover,
.btn_pack *:active,
.btn_pack *:focus{color:#690}
.btn_pack.strong *{font-weight:bold !important}
.btn_pack.icon *{padding-left:20px}
.btn_pack.small.icon *{padding-left:16px}
.btn_pack.icon span{width:20px;margin-right:-20px;padding:0 !important}
.btn_pack.medium .check{background-position:4px -150px}
.btn_pack.large .check{background-position:4px -146px}
.btn_pack.xlarge .check{background-position:5px -144px}
.btn_pack.small .check{background-position:3px -153px}
.btn_pack.medium .add{background-position:-16px -150px}
.btn_pack.large .add{background-position:-14px -146px}
.btn_pack.xlarge .add{background-position:-14px -144px}
.btn_pack.small .add{background-position:-18px -153px}
.btn_pack.medium .delete{background-position:-34px -150px}
.btn_pack.large .delete{background-position:-34px -146px}
.btn_pack.xlarge .delete{background-position:-34px -144px}
.btn_pack.small .delete{background-position:-37px -153px}
.btn_pack.medium .calendar{background-position:-56px -150px}
.btn_pack.large .calendar{background-position:-56px -146px}
.btn_pack.xlarge .calendar{background-position:-56px -144px}
.btn_pack.small .calendar{background-position:-59px -153px}
.btn_pack.medium .refresh{background-position:-76px -150px}
.btn_pack.large .refresh{background-position:-76px -146px}
.btn_pack.xlarge .refresh{background-position:-76px -144px}
.btn_pack.small .refresh{background-position:-79px -153px}
.btn_pack.medium .download{background-position:-96px -151px}
.btn_pack.large .download{background-position:-96px -147px}
.btn_pack.xlarge .download{background-position:-96px -145px}
.btn_pack.small .download{background-position:-99px -154px}
/* //UI Object */


.loginForm{
	height: 260px; 
	width: 100%; 
	position: relative; 
	top: 45%; 
	 
}
.sign-in {
  width: 335px;
  float: left;
  border:1px solid #e5e5e5;
  padding-left:1px;
  margin: 0 35% 0 ;
 }
  .signin-box,
  .accountchooser-box {
  margin: 0 0 0 0;
  padding: 20px 25px 15px;
/*   background: #f5f5f5; */
  border: 1px solid #e5e5e5;
 }
 .signin-box h2 {
  font-size: 16px;
  line-height: 17px;
  height: 16px;
  margin: 0 0 1.2em;
  position: relative;
  }
  .signin-box h2 strong {
  display: inline-block;
  position: absolute;
  right: 0;
  top: 1px;
  height: 19px;
  width: 52px;
  background: transparent url(//ssl.gstatic.com/accounts/ui/google-signin-flat.png) no-repeat;
  }
  .signin-box label {
  display: block;
  margin: 0 0 1.5em;
  }
  .signin-box input[type=text],
  .signin-box input[type=password] {
  width: 100%;
  height: 32px;
  font-size: 15px;
  }
  .signin-box .email-label,
  .signin-box .passwd-label {
  font-weight: bold;
  margin: 0 0 .5em;
  display: block;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  }
  .signin-box .reauth {
  display: inline-block;
  font-size: 15px;
  height: 29px;
  line-height: 29px;
  margin: 0;
  }
  .signin-box label.remember {
  display: inline-block;
  vertical-align: top;
  margin: 9px 0 0;
  }
  .signin-box .remember-label {
  font-weight: normal;
  color: #666;
  line-height: 0;
  padding: 0 0 0 .4em;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  }
  .signin-box input[type=submit] {
  margin: 0 1.5em 1.2em 0;
  height: 32px;
  font-size: 13px;
  }
  .signin-box #memInto {
  margin: 0 1.5em 1.2em 0;
  height: 32px;
  font-size: 13px;
  }
  .signin-box ul {
  margin: 0;
  }
  .signin-box .training-msg {
  padding: .5em 8px;
  background: #f9edbe;
  }
  .signin-box .training-msg p {
  margin: 0 0 .5em;
  } 

/*input focus*/
.signin-box input[type="text"], 
.signin-box input[type="password"] {
    font-size: 15px;
    height: 32px;
    width: 100%;
}
textarea,
input[type="id"],
input[type="userid"],
input[type="number"], 
input[type="password"], 
input[type="tel"], 
input[type="text"], 
input[type="url"] {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    -moz-box-sizing: border-box;
    background: none repeat scroll 0 0 #FFFFFF;
    border-color: #C0C0C0 #D9D9D9 #D9D9D9;
    border-radius: 1px 1px 1px 1px;
    border-right: 1px solid #D9D9D9;
    border-style: solid;
    border-width: 1px;
    display: inline-block;
    height: 29px;
    margin: 0;
    padding: 0 8px;
}
textarea:focus,
input[type="id"]:focus,
input[type="email"]:focus, 
input[type="number"]:focus, 
input[type="password"]:focus, 
input[type="tel"]:focus, 
input[type="text"]:focus, 
input[type="url"]:focus {
    border: 1px solid #4D90FE;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) inset;
    outline: medium none;
}
textarea:hover,
input[type="id"]:hover,
input[type="email"]:hover, 
input[type="number"]:hover, 
input[type="password"]:hover, 
input[type="tel"]:hover, 
input[type="text"]:hover, 
input[type="url"]:hover {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #A0A0A0 #B9B9B9 #B9B9B9;
    border-right: 1px solid #B9B9B9;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
}



/*메인 스크롤*/

.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 840px;
	height:400px;
}
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
}
.items div {
	float:left;
}

.items div img{
	width:210px;
	height:320px;
}


/* prev, next, prevPage and nextPage buttons */
a.browse {
    background: url("http://static.flowplayer.org/tools/img/scrollable/arrow/hori_large.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 1px;
    height: 30px;
    margin: 40px 10px;
    width: 30px;
}

/* right */
a.right{position:relative;top:-300px;left:900px; background-position: 0 -30px; clear:right; margin-right: 0px;}
a.right:hover 		{ background-position:-30px -30px; }
a.right:active 	{ background-position:-60px -30px; } 


/* left */
a.left				{position:relative;top:80px; margin-left: 0px; } 
a.left:hover  		{ background-position:-30px 0; }
a.left:active  	{ background-position:-60px 0; }

/* up and down */
a.up, a.down		{ 
	background:url(../img/scrollable/arrow/vert_large.png) no-repeat; 
	float: none;
	margin: 10px 50px;
}

/* up */
a.up:hover  		{ background-position:-30px 0; }
a.up:active  		{ background-position:-60px 0; }

/* down */
a.down 				{ background-position: 0 -30px; }
a.down:hover  		{ background-position:-30px -30px; }
a.down:active  	{ background-position:-60px -30px; } 


/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
} 	

.tooltip {
	display:none;
	position:relative;
	background:transparent url(http://flowplayer.org/tools/img/tooltip/black_arrow.png);
	font-size:12px;
	height:70px;
	width:160px;
	padding:25px;
	color:#fff;
	top:300px;	
}

